<!doctype html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Bootstrap demo</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
    integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    {% block create_k8s_node_header %}{% endblock %}

</head>

<body>

  {% if ecss %}

  <table class="table">
    <thead>
      <tr>
        <th scope="col">instanceId</th>
        <th scope="col">hostname</th>
        <th scope="col">host</th>
      </tr>
      <tr>Delete</tr>
    </thead>
    <tbody>
      {% for ecs in ecss %}
      <tr>
        <td>{{ecs.instanceId}}</td>
        <td>{{ecs.hostname}}</td>
        <td>{{ecs.host}}</td>
        <td><a href="{% url 'delete' ecs.instanceId %}">delete</a></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>

  {% else %}
  {% endif %}
  {% block create_k8s_node %}{% endblock %}
  {% block delete_k8s_node %}{% endblock %}
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"
    integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r"
    crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.min.js"
    integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy"
    crossorigin="anonymous"></script>
</body>

</html>